<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%String ctxPath = request.getContextPath(); %>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
	<link rel="stylesheet" href="<%=ctxPath%>/css/pagepreloader.css"  media="screen">
	<link rel="stylesheet" type="text/css" href="<%=ctxPath%>/css/icon.css"  media="screen">
	<link rel="stylesheet" type="text/css" href="<%=ctxPath%>/css/pagepreloader.css"  media="screen">
	<link rel="stylesheet" type="text/css" href="<%=ctxPath%>/js/dojo/dijit/themes/claro/document.css"  media="screen">
	<link rel="stylesheet" type="text/css" href="<%=ctxPath%>/js/dojo/dijit/themes/claro/claro.css"  media="screen">
	<link rel="stylesheet" type="text/css" href="<%=ctxPath%>/js/dojo/gridx/resources/claro/Gridx.css">
	<link rel="stylesheet" href="<%=ctxPath%>/js/jquery/plugin/ztree/zTreeStyle.css" type="text/css">

	<script type="text/javascript" src="<%=ctxPath%>/js/jquery/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="<%=ctxPath%>/js/jquery/plugin/ztree/jquery.ztree.all-3.5.min.js"></script>		
	<script type="text/javascript" src="<%=ctxPath%>/js/dojo/dojo/dojo.js" data-dojo-config="async:true, parseOnLoad:false,isDebug:true"></script>
	<script type="text/javascript" src="<%=ctxPath%>/js/view/safe/user.js"></script>	
	<script type="text/javascript" src="<%=ctxPath%>/js/dialog/artDialog.js?skin=default"></script>
	<script type="text/javascript" src="<%=ctxPath%>/js/dialog/iframeTools.js"></script>
</head>

<body class="claro">
	<div id="loader">
		<div id="loaderInner" style="direction:ltr;white-space:nowrap;overflow:visible;">
			<div id="floatingBarsG">
				<div class="blockG" id="rotateG_01"></div>
				<div class="blockG" id="rotateG_02"></div>
				<div class="blockG" id="rotateG_03"></div>
				<div class="blockG" id="rotateG_04"></div>
				<div class="blockG" id="rotateG_05"></div>
				<div class="blockG" id="rotateG_06"></div>
				<div class="blockG" id="rotateG_07"></div>
				<div class="blockG" id="rotateG_08"></div>
			</div>
		</div>
	</div>
	
	<div id="userlistQueryPane" data-dojo-type="dijit/TitlePane" data-dojo-props="title: '用户基本信息'">
	</div>
	
	<div id='userToolbar' data-dojo-type='dijit/Toolbar'>
		<div id="addUser" data-dojo-type='dijit/form/Button' data-dojo-props='label: "增加",iconClass: "app_icon_add"'></div>
		<div id="modifyUser" data-dojo-type='dijit/form/Button' data-dojo-props='label: "修改",iconClass: "app_icon_edit"'></div>
		<div id="deleteUser" data-dojo-type='dijit/form/Button' data-dojo-props='label: "删除",iconClass: "app_icon_delete"'></div>
		<div id="authorize" data-dojo-type='dijit/form/Button' data-dojo-props='label: "授权",iconClass: "app_icon_cog"'></div>
	</div>	
	
	<div id='userGrid' data-dojo-type='gridx/Grid'
		data-dojo-props='
				cacheClass: "gridx/core/model/cache/Async",
				store: store,
				structure: layout,
				selectRowTriggerOnCell: true,
				autoHeight:true,
				barTop: gridTop,
				modules: [
					"gridx/modules/IndirectSelect",
					"gridx/modules/extendedSelect/Row",
					"gridx/modules/ColumnResizer",
					"gridx/modules/RowHeader",
					"gridx/modules/Pagination",
					"gridx/modules/pagination/PaginationBar",
					"gridx/modules/VirtualVScroller"]'></div>	
					
	<div id="userDialog" data-dojo-type="dijit/Dialog" title="UserDialog" style="display:none;">
		   <div class="dijitDialogPaneContentArea">
			    <div data-dojo-type="dijit/layout/TabContainer" style="width: 400px; height: 300px;">
			        <div data-dojo-type="dijit/layout/ContentPane" title="基本信息">
					<div data-dojo-type="dijit/form/Form" id="userBaseForm">
						<div data-dojo-type="dijit/form/TextBox" id="id" name="id" style="display: none;"></div>
						<table cellspacing="6">
							<tr>
								<td><label for="account">帐号</label></td>
								<td><div data-dojo-type="dijit/form/ValidationTextBox" id="account" name="account" required="true"></div></td>
							</tr>
							<tr>
								<td><label for="password">密码</label></td>
								<td><div data-dojo-type="dijit/form/ValidationTextBox" id="password" name="password" required="true"></div></td>
							</tr>
							<tr>
								<td><label for="name">姓名</label></td>
								<td><div data-dojo-type="dijit/form/ValidationTextBox" id="name" name="name" required="true"></div></td>
							</tr>
							<tr>
								<td><label for="enable">启用否</label></td>
								<td>
									<div data-dojo-type="dojo/store/Memory" data-dojo-id="stateStore" data-dojo-props="data: [{id: '1', name: '1'}, {id: '0', name: '0'}]"></div>
									<div data-dojo-type="dijit/form/ComboBox" data-dojo-props="store:stateStore, searchAttr:'name'"  name="enable" id="enable"></div>
								</td>
							</tr>
							<tr>
								<td><label for="remark">备注</label></td>
								<td><div data-dojo-type="dijit/form/SimpleTextarea" id="remark" name="remark" required="true" ></div></td>
							</tr>							
						</table>
					</div>
			        </div>
			        
			        <div data-dojo-type="dijit/layout/ContentPane" title="扩展信息">Hi, I'm Tab "boo"</div>
			    </div>
		   </div>
		   <div class="dijitDialogPaneActionBar">
		   	<div data-dojo-type="dijit/form/Button" id="btnSave">保存</div>
		   	<div data-dojo-type="dijit/form/Button">取消</div>
		   </div>
	</div>			
	
	<div id="authorizeDialog" data-dojo-type="dijit/Dialog" title="授权" style="display:none;width: 260px;">
		 <div class="dijitDialogPaneContentArea">
		 	<ul id="roleTree" class="ztree"></ul>
		 </div>
		<div class="dijitDialogPaneActionBar">
			<div data-dojo-type="dijit/form/Button" id="btnSaveAuthorize">保存</div>
			<div data-dojo-type="dijit/form/Button">取消</div>
		</div>	
	</div>		
</body>
</html>